<!DOCTYPE html>
<meta charset='utf-8'>
<style>
div {
    width: 55px;
    font: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.rtl {
  direction: rtl;
}
span {
    display: inline-block;
}
</style>
<p>crbug.com/133700: Ellipsis placed correctly in rtl text in an inline-block wth an rtl flow.</p>

<p>You should see text followed by ellipsis below.</p>
<div>
      <span>אבג</span><span>דהו</span><span>זחט</span>
</div>

<p>You should see ellipsis followed by text below.</p>
<div class="rtl">
      <span>אבג</span><span>דהו</span><span>זחט</span>
</div>

<p>You should see text followed by ellipsis below.</p>
<div>
      <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span>
</div>

<p>You should see ellipsis followed by text below.</p>
<div class="rtl">
      <span>אבגדהוזחטיכךל<br>אבגדהוזחטיכךל</span><span>זחט</span><span>יכך</span>
</div>
